/*整个界面的设计*/
.learn-container {
    width: 100%;
    height: 100%;
/*    justify-content: center;*/
/*    align-items: center;*/
    flex-direction: column;
    background-color: pink;
}
/*标题栏的设计*/
.learn-titlebar {
    margin-top: 10px;
    width: 1000px;
    height: 100px;
    position: relative;
}
/*返回图标大小的设计*/
.learn-icon {
    width: 64px;
    height: 64px;
}
/*返回图标的位置设计*/
.learn-back-btn {
    left: 20px;
    top: 20px;
/*    background-color: indianred;*/
}
/*标题栏字体的设计*/
.learn-title {
    left: 300px;
    font-size: 45px;
    top: 20px;
}
/*全部模块的整体设计*/
.learn{
    width: 100%;
    height: 450px;
    flex-direction: column;
    background-color: lightskyblue;
}
/*第一组的位置*/
.learn-group1{
    width: 100%;
    height: 210px;
    align-items: center;
}
/*第二组的位置*/
.learn-group2{
    width: 100%;
    height: 160px;
    align-items: center;
}
/*每个模块外款的设计*/
.learn-case{
    width: 140px;
    height: 140px;
    border-radius: 20px;
    margin-left: 30px;
    border-color: orangered;
    border-width: 2px;
    flex-direction: column;
}
.learn-case-img{
    width: 68px;
    height: 68px;
    margin-top: 10px;
    margin-left: 35px;
}
.learn-case-state{
    margin-top: 5px;
    margin-left: 44px;
    font-size: 24px;
}
